<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/usersLogin.css">
    <link rel="icon" href="${pageContext.request.contextPath}/images/favicon.ico" sizes="32x32" />
    <script src="${pageContext.request.contextPath}/js/jquery-1.3.2.min.js"></script>
    <script src="${pageContext.request.contextPath}/js/login.js"></script>

    <title>前台首页</title>
</head>
<body>

<div class="header">

</div>

<div class="body">
    <div class="panel">
        <div class="top">
            <p>账户登陆</p>
        </div>

        <div class="middle">
            <form action="${pageContext.request.contextPath}/login" method="post">



                <span   style="visibility: hidden;color: red;font-size: 14px;">用户名或密码错误，请重新登录！</span>

                <span class="s1"></span>
                <span class="s2"></span>


                <input type="text" style="text-indent:50px;"    name="a_username" value=""  class="iputs"/>


                <input type="password"  style="text-indent:50px;" name="a_password" value="" class="iputs"/>
                <input type="submit" value="登陆"/>
                <span class="erro">${msg}</span>
            </form>
<%--            <p><a href="javascript:void(0)" onclick="showRegisterPopup()">注册新账户</a></p>--%>
        </div>
    </div>
</div>

<div class="footer">
    <span>@Copyright © 2019-2020 版权所有 </span>
</div>


<%--<div id="popup-overlay" class="popup-overlay" onclick="closePopup()"></div>--%>
<%--<div id="popup" class="popup">--%>
<%--    <span class="close-popup" onclick="closePopup()">×</span>--%>
<%--    <h3>注册账户</h3>--%>
<%--    <form action="/register" method="post">--%>
<%--        <input type="text" name="a_username" class="iputs" placeholder="请输入用户名" required />--%>
<%--        <input type="password" name="a_password" class="iputs" placeholder="请输入密码" required />--%>
<%--        <input type="password" name="confirmPassword" class="iputs" placeholder="确认密码" required />--%>
<%--        <input type="text" name="a_name" class="iputs" placeholder="请输入用户名" required />--%>
<%--        <input type="text" name="a_phone" class="iputs" placeholder="请输入密码" required />--%>
<%--        <input type="text" name="a_power" class="iputs" placeholder="确认密码" required />--%>
<%--        <input type="submit" value="注册" class="submit-btn"/>--%>
<%--    </form>--%>
<%--</div>--%>
<%--</body>--%>
<%--<style>--%>
<%--    /* Popup Box Styling */--%>
<%--    .popup {--%>
<%--        display: none;--%>
<%--        position: fixed;--%>
<%--        top: 50%;--%>
<%--        left: 50%;--%>
<%--        transform: translate(-50%, -50%);--%>
<%--        background-color: white;--%>
<%--        padding: 20px;--%>
<%--        border-radius: 8px;--%>
<%--        box-shadow: 0 4px 6px rgba(0,0,0,0.1);--%>
<%--        z-index: 1000;--%>
<%--    }--%>
<%--    .popup-overlay {--%>
<%--        position: fixed;--%>
<%--        top: 0;--%>
<%--        left: 0;--%>
<%--        width: 100%;--%>
<%--        height: 100%;--%>
<%--        background-color: rgba(0,0,0,0.5);--%>
<%--        z-index: 999;--%>
<%--    }--%>
<%--    .close-popup {--%>
<%--        position: absolute;--%>
<%--        top: 10px;--%>
<%--        right: 10px;--%>
<%--        cursor: pointer;--%>
<%--        font-size: 20px;--%>
<%--    }--%>

<%--    /* Style for input fields and button */--%>
<%--    .iputs {--%>
<%--        width: 100%;--%>
<%--        padding: 10px;--%>
<%--        margin: 10px 0;--%>
<%--        border-radius: 5px;--%>
<%--        border: 1px solid #ccc;--%>
<%--    }--%>

<%--    .submit-btn {--%>
<%--        width: 100%;--%>
<%--        padding: 10px;--%>
<%--        background-color: #4CAF50;--%>
<%--        color: white;--%>
<%--        border: none;--%>
<%--        cursor: pointer;--%>
<%--        border-radius: 5px;--%>
<%--    }--%>
<%--    .submit-btn:hover {--%>
<%--        background-color: #45a049;--%>
<%--    }--%>


<%--</style>--%>


<%--<script>--%>
<%--    function showRegisterPopup() {--%>
<%--        document.getElementById("popup").style.display = "block";--%>
<%--        document.getElementById("popup-overlay").style.display = "block";--%>
<%--    }--%>

<%--    // 关闭窗口--%>
<%--    function closePopup() {--%>
<%--        document.getElementById("popup").style.display = "none";--%>
<%--        document.getElementById("popup-overlay").style.display = "none";--%>
<%--    }--%>
<%--</script>--%>
</html>
